/*2016年4月11日07:45:37;相册修正*/
#album{overflow:hidden;max-width:1080px;width: 100%;min-height: 478px;}
#album .new{display:none;}
#album .new:hover{box-shadow:none;}
#album li{float:left;width: 17.5%}
#album li p.cover{overflow:hidden;padding:5px;width:100%;height:110px;border:1px solid #FFF;border-radius:5px;background-color:#fff;background-color:#fff;box-shadow:0 0 2px #000;margin: 0 auto;}
#album li p:hover{box-shadow:0 0 10px #0c0;}
#album li p.cover a img{margin: 0 auto;display:block;width:90%;height:110px;border-radius:5px;background-position:50% 50%;background-repeat:no-repeat;}
#album li p.title{display:block;margin:10px auto;padding:5px;width:100%;height:auto;border:1px solid #FFF;border-radius:3px;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 2px #000;text-align:center;}
#album li p.title:hover{box-shadow:0 0 10px #0c0;}
#album li p.title a{color:#000;text-align:center;font-size:12px;}
#photolist{position:relative;max-width: 100%;}
#photolist .cell{position:absolute;padding: 10px 0;visibility:hidden;width:19%;border:solid #ddd 1px;border-radius:5px;background:#fff;box-shadow:1px 1px 1px #ddd;text-align:center;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;-ms-transition:.5s;}
#photolist .cell:hover{box-shadow:0 0 10px #0c0;}
#photolist .cell a{color:#000;}
#photolist img{margin-bottom:-2px;width:90%;border:0;border-radius:10px;}
/* ------响应式 代码------ */
/* 1080px */
@media screen and (max-width: 1080px) {
	#album li{float:left;width: 17%}
	#photolist .cell{width: 18.5%;}
}
/* 880px\ */
@media screen and (max-width: 880px) {
	#album li{float:left;width: 29%}
	#photolist .cell{width: 23%;}
}
/* 768px\ */
@media screen and (max-width: 768px) {
	#photolist .cell{width: 32%;}
}
/* 650px\ */
@media screen and (max-width: 650px) {
	#album li{float:left;width: 27%}
	#photolist .cell{width: 30%;}
}
/*  540px  */
@media screen and (max-width: 540px) {
	#photolist .cell{width: 47%;}
}
/*  440px  */
@media screen and (max-width: 440px) {
	#album li{float:left;width: 40%}
	#photolist .cell{width: 47%;}
}
/*  350px  */
@media screen and (max-width: 400px) {
	#album li{float:left;width: 40%}
	#photolist .cell{width: 46%;}
}